@function fz-mixin($fontSize: 12px, $dpr: 1){
  @return (($fontSize/2) * $dpr);
}

.fz-12{
  font-size: fz-mixin(12px);
}
.fz-14{
  font-size: fz-mixin(14px);
}
.fz-15{
  font-size: fz-mixin(15px);
}
.fz-16{
  font-size: fz-mixin(16px);
}
.fz-18{
  font-size: fz-mixin(18px);
}
.fz-20{
  font-size: fz-mixin(20px);
}
.fz-22{
  font-size: fz-mixin(22px);
}
.fz-24{
  font-size: fz-mixin(24px);
}
.fz-26{
  font-size: fz-mixin(26px);
}
.fz-28{
  font-size: fz-mixin(28px);
}
.fz-30{
  font-size: fz-mixin(30px);
}
.fz-32{
  font-size: fz-mixin(32px);
}
.fz-34{
  font-size: fz-mixin(34px);
}
.fz-36{
  font-size: fz-mixin(36px);
}
.fz-40{
  font-size: fz-mixin(40px);
}
.fz-48{
  font-size: fz-mixin(48px);
}
.fz-50{
  font-size: fz-mixin(50px);
}
.fz-62{
  font-size: fz-mixin(62px);
}
.fz-72{
  font-size: fz-mixin(72px);
}
.fz-200 {
  font-size: fz-mixin(200px);
}

[data-dpr="2"]{
  .fz-12{
    font-size: fz-mixin(12px ,2);
  }
  .fz-14{
    font-size: fz-mixin(14px, 2);
  }
  .fz-15{
    font-size: fz-mixin(15px, 2);
  }
  .fz-16{
    font-size: fz-mixin(16px, 2);
  }
  .fz-18{
    font-size: fz-mixin(18px, 2);
  }
  .fz-20{
    font-size: fz-mixin(20px, 2);
  }
  .fz-22{
    font-size: fz-mixin(22px, 2);
  }
  .fz-24{
    font-size: fz-mixin(24px, 2);
  }
  .fz-26{
    font-size: fz-mixin(26px, 2);
  }
  .fz-28{
    font-size: fz-mixin(28px, 2);
  }
  .fz-30{
    font-size: fz-mixin(30px, 2);
  }
  .fz-32{
    font-size: fz-mixin(32px, 2);
  }
  .fz-34{
    font-size: fz-mixin(34px, 2);
  }
  .fz-36{
    font-size: fz-mixin(36px, 2);
  }
  .fz-40{
    font-size: fz-mixin(40px, 2);
  }
  .fz-48{
    font-size: fz-mixin(48px, 2);
  }
  .fz-50{
    font-size: fz-mixin(50px, 2);
  }
  .fz-62{
    font-size: fz-mixin(62px, 2);
  }
  .fz-72{
    font-size: fz-mixin(72px, 2);
  }
  .fz-200 {
    font-size: fz-mixin(200px, 2);
  }
}

[data-dpr="3"]{
  .fz-12{
    font-size: fz-mixin(12px ,3);
  }
  .fz-14{
    font-size: fz-mixin(14px, 3);
  }
  .fz-15{
    font-size: fz-mixin(15px, 3);
  }
  .fz-16{
    font-size: fz-mixin(16px, 3);
  }
  .fz-18{
    font-size: fz-mixin(18px, 3);
  }
  .fz-20{
    font-size: fz-mixin(20px, 3);
  }
  .fz-22{
    font-size: fz-mixin(22px, 3);
  }
  .fz-24{
    font-size: fz-mixin(24px, 3);
  }
  .fz-26{
    font-size: fz-mixin(26px, 3);
  }
  .fz-28{
    font-size: fz-mixin(28px, 3);
  }
  .fz-30{
    font-size: fz-mixin(30px, 3);
  }
  .fz-32{
    font-size: fz-mixin(32px, 3);
  }
  .fz-34{
    font-size: fz-mixin(34px, 3);
  }
  .fz-36{
    font-size: fz-mixin(36px, 3);
  }
  .fz-40{
    font-size: fz-mixin(40px, 3);
  }
  .fz-48{
    font-size: fz-mixin(48px, 3);
  }
  .fz-50{
    font-size: fz-mixin(50px, 3);
  }
  .fz-62{
    font-size: fz-mixin(62px, 3);
  }
  .fz-72{
    font-size: fz-mixin(72px, 3);
  }
  .fz-200 {
    font-size: fz-mixin(200px, 3);
  }
}
